<template>
  <div>
    <div class="leftBorderTitle flex flex_between">
      <p>
        <span v-show="isImportant" class="mark">*</span>
        <span class="f20" style="color:#333;">{{title}}</span>
      </p>
      <slot name="rightHandler"></slot>
    </div>
  </div>
</template>

<script>
  export default {
    data () {
      return {

      }
    },
    props: {
      title: {
        type: String,
        default: ''
      },
      isImportant: {
        type: Boolean,
        default: false
      }
    }
  }
</script>

<style scoped lang="less">
  @import '../common/css/component';
  .mark{
    color: red;
  }
</style>
